<template>
  <van-grid :border="false" :column-num="5">
    <van-grid-item>
      <van-icon name="shopping-cart" />
      <span>千峰超市</span>
    </van-grid-item>
    <van-grid-item>
      <van-icon name="new-arrival" />
      <span>新品推荐</span>
    </van-grid-item>
    <van-grid-item>
      <van-icon name="fire" />
      <span>热门商品</span>
    </van-grid-item>
    <van-grid-item>
      <van-icon name="balance-list" />
      <span>充值缴费</span>
    </van-grid-item>
    <van-grid-item>
      <van-icon name="like" />
      <span>我的收藏</span>
    </van-grid-item>
    <van-grid-item>
      <van-icon name="vip-card" />
      <span>会员中心</span>
    </van-grid-item>
    <van-grid-item>
      <van-icon name="coupon" />
      <span>领券</span>
    </van-grid-item>
    <van-grid-item>
      <van-icon name="service" />
      <span>客服中心</span>
    </van-grid-item>
    <van-grid-item>
      <van-icon name="logistics" />
      <span>千峰物流</span>
    </van-grid-item>
    <van-grid-item>
      <van-icon name="manager" />
      <span>个人中心</span>
    </van-grid-item>
  </van-grid>
</template>

<script>
export default {

}
</script>

<style lang="scss">
.van-grid-item {
  text-align: center;

  .van-icon {
    color: rgba(1, 141, 214, 0.8);
    font-size: 32px;
    margin-bottom: 6px;
  }
  span {
    font-size: 13px;
  }
}
</style>